<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Mark | Blog</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="妹子ui">
    <meta name="author" content="xuxiao">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">

    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<link rel='icon' href='css/img/favicon.ico' type='image/ico' />

    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css">
    <link rel="stylesheet" href="http://static.duoshuo.com/styles/embed.default.css?080f31b2.css">
    <link rel="stylesheet" href="css/commen.css">
    <link rel="stylesheet" href="css/page.css">
</head>

<body>
<div class="header-mini am-header am-header-default am-header-fixed"><!-- header-mini -->
    <div class="am-header-left am-header-nav">
        <a href="index.html" class="">
            <i class="am-header-icon am-icon-home"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <img src="css/img/logo.png" alt="MARK">
    </h1>
    <div class="am-header-right am-header-nav am-dropdown" data-am-dropdown>
        <a href="#" class="am-dropdown-toggle">
            <i class="am-header-icon am-icon-bars"></i>
        </a>
            <ul class="am-dropdown-content">
                <li>
                    <a href="index.html" title="Home Page">
                        <span class="am-icon-sm am-icon-home"></span>
                        <span class="menu-item-t">Home</span>
                    </a>
                </li>
                <li>
                    <a href="jqueryplugin.html" title="jQuery plugin">
                        <span class="am-icon-sm am-icon-plug"></span>
                        <span class="menu-item-t">jQuery plugin</span>
                    </a>
                </li>
                <li>
                    <a href="blog.html" title="Blog">
                        <span class="am-icon-sm am-icon-pencil-square-o"></span>
                        <span class="menu-item-t">Blog</span>
                    </a>
                </li>
                <li>
                    <a href="about.html" title="About">
                        <span class="am-icon-sm am-icon-user"></span>
                        <span class="menu-item-t">&nbsp;About</span>
                    </a>
                </li>
                <li>
                    <a href="contact.html" title="Contact">
                        <span class="am-icon-sm am-icon-phone-square"></span>
                        <span class="menu-item-t">&nbsp;Contact</span>
                    </a>
                </li>
            </ul>
    </div>
</div> <!-- header-mini END -->

<header class="glb-header"><!-- Nav -->
    <div class="logo-container">
        <a id="logo" title="MARK" href="index.html"><img src="css/img/logo.png" alt="MARK"></a>
    </div><!-- Logo Side END -->

    <nav>
        <ul class="menu-list">
            <li>
                <div class="menu-item">
                    <a href="index.html" title="Home Page">
                        <span class="am-icon-md am-icon-home"></span>
                        <span class="menu-item-t">Home</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-item">
                    <a href="jqueryplugin.html" title="jQuery plugin">
                        <span class="am-icon-md am-icon-plug"></span>
                        <span class="menu-item-t">jQuery plugin</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-item">
                    <a href="blog.html" title="Blog">
                        <span class="am-icon-md am-icon-pencil-square-o"></span>
                        <span class="menu-item-t">Blog</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-item">
                    <a href="about.html" title="About">
                        <span class="am-icon-md am-icon-user"></span>
                        <span class="menu-item-t">&nbsp;About</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-item">
                    <a href="contact.html" title="Contact">
                        <span class="am-icon-md am-icon-phone-square"></span>
                        <span class="menu-item-t">Contact</span>
                    </a>
                </div>
            </li>
        </ul><!-- Menu END -->
    </nav><!-- Nav END -->


    <div class="menu-search">
        <form method="post" action="#" class="menu-search-form am-form-inline" role="form">
            <span class="am-input-group-btn">
                <input type="text" class="menu-search-input am-form-field " name="" placeholder="search">
                <button class="menu-search-btn am-btn am-btn-default " type="submit"><span class="am-icon-search am-icon-xs"></span></button>
            </span>
            
        </form>


        <div class="menu-search-ico am-margin-top-sm am-g">
            <a href="#" class="am-u-md-12 am-u-lg-4">
                <span class="am-icon-qq"></span>
            </a> 
            <a href="#" class="am-u-md-12 am-u-lg-4">
                <span class="am-icon-weixin"></span>
            </a>
            <a href="#" class="am-u-md-12 am-u-lg-4 am-u-end">
                <span class="am-icon-weibo"></span>
            </a>
        </div>
    </div>
</header>

<div id="page_wrap">
    <div class="rightSide">

        <div class="am-g">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-3"><!-- blog-list -->
                <div class="glb-widget-box glb-mt-1">
                    <div class="glb-widget-title">
                        <span class="am-icon-list"></span><span class="am-margin-left-sm">Blog List</span>
                    </div>
                    <div class="glb-widget-content">
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-4.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-3.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-1.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-2.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item active">
                            <img src="photos/random-blog-1.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-5.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-4.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-3.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-2.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-1.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>

                        <div class="am-g"><!-- Pagination  -->
                            <div class="am-u-sm-12">
                                <ul data-am-widget="pagination" class="am-pagination am-pagination-select">
                                    <li class="am-pagination-prev ">
                                      <a href="#" class="">上一页</a>
                                    </li>
                                    <li class="am-pagination-select">
                                        <select>
                                            <option value="#" class="">1
                                              / 3
                                            </option>
                                            <option value="#" class="">2
                                              / 3
                                            </option>
                                            <option value="#" class="">3
                                              / 3
                                            </option>
                                        </select>
                                    </li>
                                    <li class="am-pagination-next ">
                                      <a href="#" class="">下一页</a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- Pagination END  -->

                    </div>
                </div>
                
            </div><!-- blog-list END  -->

            <div class="am-u-sm-12 am-u-md-12 am-u-lg-6"><!-- blog -->
                <div class="glb-widget-box glb-mt-1">
                    <div class="glb-widget-content">
                        <h1 class="blog-post-title">永远的蝴蝶-这标题短了点</h1>
                        <div class="blog-post-date">2015年10月18日 夜</div>

                        <div class="am-cf am-article"><!-- blog-post -->
                            <img src="photos/blog-post-img.png" alt="blog post img" class="am-img-responsive">
                          <div>
                            那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。我们就在骑楼下躲雨，看绿色的邮筒孤独地站在街的对面。我白色风衣的大口袋里有一封要寄给南部的母亲的信。樱子说她可以撑伞过去帮我寄信。我默默点头。
                          </div>
                          <p>“谁叫我们只带来一把小伞哪。”她微笑着说，一面撑起伞，准备过马路帮我寄信。从她伞骨渗下来的小雨点，溅在我的眼镜玻璃上。</p><p>随着一阵拔尖的煞车声，樱子的一生轻轻地飞了起来。缓缓地，飘落在湿冷的街面上，好像一只夜晚的蝴蝶。</p>
                          <p>虽然是春天，好像已是秋深了。</p>
                          <p>她只是过马路去帮我寄信。这简单的行动，却要叫我终身难忘了。我缓缓睁开眼，茫然站在骑楼下，眼里裹着滚烫的泪水。世上所有的车子都停了下来，人潮涌向马路中央。没有人知道那躺在街面的，就是我的，蝴蝶。这时她只离我五公尺，竟是那么遥远。更大的雨点溅在我的眼镜上，溅到我的生命里来。</p>
                          <p>为什么呢？只带一把雨伞？</p>
                          <p>然而我又看到樱子穿着白色的风衣，撑着伞，静静地过马路了。她是要帮我寄信的。那，那是一封写给南部母亲的信。我茫然站在骑楼下，我又看到永远的樱子走到街心。其实雨下得并不大，却是一生一世中最大的一场雨。而那封信是这样写的，年轻的樱子知不知道呢？</p>
                          <blockquote>妈：我打算在下个月和樱子结婚。</blockquote>
                          <hr class="am-article-divider">
                          <h2>作者简介</h2>
                          <p>《永远的蝴蝶》作者陈启佑，笔名渡也、江山之助，台湾省嘉义市人，中国文化大学中国文学博士，曾任教于嘉义农专、台湾教育学院。</p>
                          
                        </div><!-- blog-post  END -->



                        <!-- 多说插件内容，只做样式参考 请无视 -->
                        <div class="ds-thread glb-mt-2" id="ds-thread" >
                            <div id="ds-reset">
                                <div class="ds-meta"><a href="javascript:void(0)" class="ds-like-thread-button ds-rounded"><span class="ds-icon ds-icon-heart"></span> <span class="ds-thread-like-text">喜欢</span><span class="ds-thread-cancel-like">取消喜欢</span></a><span class="ds-like-panel"></span></div><div class="ds-comments-info"><div class="ds-sort"><a class="ds-order-desc ds-current">最新</a><a class="ds-order-asc">最早</a><a class="ds-order-hot">最热</a></div><ul class="ds-comments-tabs"><li class="ds-tab"><a class="ds-comments-tab-duoshuo ds-current" href="javascript:void(0);"><span class="ds-highlight">7</span>条评论</a></li>  </ul></div><ul class="ds-comments"><li class="ds-post" data-post-id="1163513100117222079"><div class="ds-post-self" data-post-id="1163513100117222079" data-thread-id="1163513100117217824" data-root-id="1163513100117221174" data-source="duoshuo"><div class="ds-avatar" data-user-id="13127061"><a rel="nofollow author" target="_blank" href="http://t.qq.com/w1005652110" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=13127061';" title="无须证明"><img src="http://app.qlogo.cn/mbloghead/b0c9b28cf28b76fc798e/50" alt="无须证明"></a></div><div class="ds-comment-body"><div class="ds-comment-header"><a class="ds-user-name ds-highlight" data-qqt-account="" href="http://t.qq.com/w1005652110" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=13127061';" rel="nofollow" target="_blank" data-user-id="13127061">无须证明</a></div><ol id="ds-ctx"><li class="ds-ctx-entry" data-post-id="1163513100117221174"><div class="ds-avatar"><a rel="nofollow author" target="_blank" href="http://t.qq.com/swchenlongfei" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=11918908';" title="龙飞"><img src="http://q.qlogo.cn/qqapp/100229475/FF31A195B9B1C00696936350E7803B8F/100" alt="龙飞"></a></div><div class="ds-ctx-body"><div class="ds-ctx-head"><a rel="nofollow author" target="_blank" href="http://t.qq.com/swchenlongfei">龙飞</a><a href="undefined" target="_blank" rel="nofollow" class="ds-time" datetime="2015-06-23T16:38:12+08:00" title="2015年6月23日 下午4:38:12">6月23日</a><div class="ds-ctx-nth" title="2015年6月23日 下午4:38:12">1楼</div></div><div class="ds-ctx-content">请问下如何再分割线中间加文字来分割？？　　　　　　　<div class="ds-comment-actions"><a class="ds-post-likes" href="javascript:void(0);"><span class="ds-icon ds-icon-like"></span>顶</a><a class="ds-post-repost" href="javascript:void(0);"><span class="ds-icon ds-icon-share"></span>转发</a><a class="ds-post-reply" href="javascript:void(0);"><span class="ds-icon ds-icon-reply"></span>回复</a></div></div></div></li></ol><p>同问</p><div class="ds-comment-footer ds-comment-actions"><span class="ds-time" datetime="2015-08-12T11:23:24+08:00" title="2015年8月12日 上午11:23:24">8月12日</span><a class="ds-post-reply" href="javascript:void(0);"><span class="ds-icon ds-icon-reply"></span>回复</a><a class="ds-post-likes" href="javascript:void(0);"><span class="ds-icon ds-icon-like"></span>顶</a><a class="ds-post-repost" href="javascript:void(0);"><span class="ds-icon ds-icon-share"></span>转发</a><a class="ds-post-report" href="javascript:void(0);"><span class="ds-icon ds-icon-report"></span>举报</a></div></div></div></li><li class="ds-post" data-post-id="1163513100117221174"><div class="ds-post-self" data-post-id="1163513100117221174" data-thread-id="1163513100117217824" data-root-id="0" data-source="duoshuo"><div class="ds-avatar" data-user-id="11918908"><a rel="nofollow author" target="_blank" href="http://t.qq.com/swchenlongfei" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=11918908';" title="龙飞"><img src="http://q.qlogo.cn/qqapp/100229475/FF31A195B9B1C00696936350E7803B8F/100" alt="龙飞"></a></div><div class="ds-comment-body"><div class="ds-comment-header"><a class="ds-user-name ds-highlight" data-qqt-account="" href="http://t.qq.com/swchenlongfei" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=11918908';" rel="nofollow" target="_blank" data-user-id="11918908">龙飞</a></div><p>请问下如何再分割线中间加文字来分割？？</p><div class="ds-comment-footer ds-comment-actions"><span class="ds-time" datetime="2015-06-23T16:38:12+08:00" title="2015年6月23日 下午4:38:12">6月23日</span><a class="ds-post-reply" href="javascript:void(0);"><span class="ds-icon ds-icon-reply"></span>回复</a><a class="ds-post-likes" href="javascript:void(0);"><span class="ds-icon ds-icon-like"></span>顶</a><a class="ds-post-repost" href="javascript:void(0);"><span class="ds-icon ds-icon-share"></span>转发</a><a class="ds-post-report" href="javascript:void(0);"><span class="ds-icon ds-icon-report"></span>举报</a></div></div></div></li><li class="ds-post" data-post-id="1163513100117220625"><div class="ds-post-self" data-post-id="1163513100117220625" data-thread-id="1163513100117217824" data-root-id="0" data-source="duoshuo"><div class="ds-avatar" data-user-id="10828432"><a rel="nofollow author" target="_blank" href="http://weibo.com/1891459397" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=10828432';" title="D调黑白键O_o"><img src="http://cn.gravatar.com/avatar/4685846948419a25fcf5d16b5f34380a?s=50" alt="D调黑白键O_o"></a></div><div class="ds-comment-body"><div class="ds-comment-header"><a class="ds-user-name ds-highlight" data-qqt-account="" href="http://weibo.com/1891459397" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=10828432';" rel="nofollow" target="_blank" data-user-id="10828432">D调黑白键O_o</a></div><p>怎么换颜色呢？</p><div class="ds-comment-footer ds-comment-actions"><span class="ds-time" datetime="2015-05-28T16:35:09+08:00" title="2015年5月28日 下午4:35:09">5月28日</span><a class="ds-post-reply" href="javascript:void(0);"><span class="ds-icon ds-icon-reply"></span>回复</a><a class="ds-post-likes" href="javascript:void(0);"><span class="ds-icon ds-icon-like"></span>顶</a><a class="ds-post-repost" href="javascript:void(0);"><span class="ds-icon ds-icon-share"></span>转发</a><a class="ds-post-report" href="javascript:void(0);"><span class="ds-icon ds-icon-report"></span>举报</a></div></div></div></li><li class="ds-post" data-post-id="1163513100117219479"><div class="ds-post-self" data-post-id="1163513100117219479" data-thread-id="1163513100117217824" data-root-id="0" data-source="duoshuo"><div class="ds-avatar" data-user-id="2535011"><a rel="nofollow author" target="_blank" href="http://t.qq.com/meager168" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=2535011';" title="胡小光"><img src="http://app.qlogo.cn/mbloghead/272300e93415066e5d74/50" alt="胡小光"></a></div><div class="ds-comment-body"><div class="ds-comment-header"><a class="ds-user-name ds-highlight" data-qqt-account="" href="http://t.qq.com/meager168" onclick="this.href='http://amui.duoshuo.com/user-url/?user_id=2535011';" rel="nofollow" target="_blank" data-user-id="2535011">胡小光</a></div><p>有虚线吗</p><div class="ds-comment-footer ds-comment-actions"><span class="ds-time" datetime="2015-04-02T11:21:13+08:00" title="2015年4月2日 上午11:21:13">4月2日</span><a class="ds-post-reply" href="javascript:void(0);"><span class="ds-icon ds-icon-reply"></span>回复</a><a class="ds-post-likes" href="javascript:void(0);"><span class="ds-icon ds-icon-like"></span>顶</a><a class="ds-post-repost" href="javascript:void(0);"><span class="ds-icon ds-icon-share"></span>转发</a><a class="ds-post-report" href="javascript:void(0);"><span class="ds-icon ds-icon-report"></span>举报</a></div></div></div></li>


                                </ul><div class="ds-paginator" style="display: none;"><div class="ds-border"></div><a data-page="1" href="javascript:void(0);" class="ds-current">1</a></div><a name="respond"></a><div class="ds-toolbar"><div class="ds-account-control"><span class="ds-icon ds-icon-settings"></span> <span>帐号管理</span><ul><li><a class="ds-bind-more" href="javascript:void(0);" style="border-top: none">绑定更多</a></li><li><a target="_blank" href="http://duoshuo.com/settings/">设置</a></li><li><a rel="nofollow" href="http://amui.duoshuo.com/logout/" style="border-bottom: none">登出</a></li></ul></div><div class="ds-visitor"><a class="ds-visitor-name" href="http://t.qq.com/cooobook" target="_blank">MarK</a><a class="ds-unread-comments-count" href="javascript:void(0);" title="你没有新回复" style="display: none;">0</a></div></div><div class="ds-replybox"><a class="ds-avatar" href="http://duoshuo.com/settings/avatar/" target="_blank" title="设置头像"><img src="http://app.qlogo.cn/mbloghead/027cce3e14f82130d9dc/50" alt="MarK"></a><form method="post"><input type="hidden" name="thread_id" value="1163513100117217824">
                            <input type="hidden" name="parent_id" value="">
                            <input type="hidden" name="nonce" value="55e59540a5b6f"><div class="ds-textarea-wrapper ds-rounded-top"><textarea name="message" title="Ctrl+Enter快捷提交" placeholder="说点什么吧…"></textarea><pre class="ds-hidden-text"></pre></div><div class="ds-post-toolbar"><div class="ds-post-options ds-gradient-bg"><span class="ds-sync"><input id="ds-sync-checkbox" type="checkbox" name="repost" value=""> <label for="ds-sync-checkbox">分享到:</label><a href="javascript:void(0)" class="ds-service-icon-grey ds-qqt" data-service="qqt" title="腾讯微博"></a><a href="javascript:void(0)" class="ds-service-icon-grey ds-qzone" data-service="qzone" title="QQ空间"></a></span></div><button class="ds-post-button" type="submit">发布</button><div class="ds-toolbar-buttons"><a class="ds-toolbar-button ds-add-emote" title="插入表情"></a></div></div></form></div><p class="ds-powered-by"><a href="http://duoshuo.com" target="_blank" rel="nofollow">Powered by 多说</a></p></div>
                        </div><!-- 多说插件内容，只做样式参考 请无视 END-->
                    </div>
                </div>

            </div><!-- blog END  -->

            <div class="am-u-sm-12 am-u-md-12 am-u-lg-3"><!-- blog-Classification -->
                <div class="glb-widget-box glb-mt-1">
                    <div class="glb-widget-title">
                        <span class="am-icon-list"></span><span class="am-margin-left-sm">文章分类</span>
                    </div>
                    <div class="glb-widget-content">
                        <ul class="am-nav ">
                            <li><a href="">前端技巧</a></li>
                            <li><a href="">插件合集</a></li>
                            <li class="am-active"><a href="">诗歌散文</a></li>
                            <li><a href="">动画漫画</a></li>
                        </ul>

                    </div>
                </div>

                <div class="glb-widget-box">
                    <div class="glb-widget-title">
                        <span class="am-icon-list"></span><span class="am-margin-left-sm">jQuery plugin</span>
                    </div>
                    <div class="glb-widget-content">
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-1.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-2.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-4.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                        <a href="blog.html" class="blog-list-item">
                            <img src="photos/random-blog-5.png" alt="" class="blog-list-img">
                            <h6 class="blog-list-title" >这是一个神奇的博客</h6>
                            <p class="blog-list-descr">这是一个神奇的博客，博客里写了各式各样的内容...</p>
                        </a>
                    </div>
                </div>


                <div class="glb-widget-box">
                    <div class="glb-widget-title">
                        <span class="am-icon-list"></span><span class="am-margin-left-sm">Tag Cloud</span>
                    </div>
                    <div class="glb-widget-content">
                            <a class="am-badge am-badge-primary am-radius">可爱的妹子</a>
                            <a class="am-badge am-badge-secondary am-radius">json</a>
                            <a class="am-badge am-badge-success am-radius">Success</a>
                            <a class="am-badge am-badge-warning am-radius">妹子ui</a>
                            <a class="am-badge am-badge-danger am-radius">JavaScript</a>
                            <a class="am-badge am-badge-primary am-radius">淘宝</a>
                            <a class="am-badge am-badge-secondary am-radius">百度</a>
                            <a class="am-badge am-badge-success am-radius">电商</a>
                            <a class="am-badge am-badge-warning am-radius">Java</a>
                            <a class="am-badge am-badge-danger am-radius">PHP</a>
                    </div>
                </div>

            </div><!-- blog-Classification END  -->

            
        </div>

        <div class="glb-footer  am-g  "><!-- Footer -->
            <div class="am-u-sm-12  am-u-sm-12 am-u-lg-4 glb-text-c glb-mt-1 glb-mb-1">
                <a href="#" title="Home Page">Home</a>
                <a href="#" title="jQuery plugin">JqueryPlugin</a>
                <a href="#" title="Blog">Blog</a>
                <a href="#" title="About">About</a>
            </div>

            <div class="am-u-sm-12 am-u-sm-12 am-u-lg-4 glb-text-c"><!-- Follow -->
                <a href="" class="am-icon-btn am-icon-twitter"></a>
                <a href="" class="am-icon-btn am-icon-facebook"></a>
                <a href="" class="am-icon-btn am-icon-github"></a>
                <a href="" class="am-icon-btn am-icon-qq"></a>
            </div><!-- Follow END-->

            <div class="am-u-sm-12 am-u-sm-12 am-u-lg-4 glb-text-c glb-mt-1">
                <P>Copyright © 2015.Company name All rights </P>
            </div>
        </div><!-- Footer END-->

    </div><!-- rightSide ENDS -->

</div>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="js/sHover.min.js"></script>
<script src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script>
<script src="js/int.js"></script>
</body>
</html>